<%@ include file="topo.jsp"%>
<%@page import="java.util.ArrayList"%>
<%@page import="br.catraca.modelo.RegistroEntrada"%>
<%@page import="br.catraca.modelo.Departamento"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Info Fafica &copy; 2012</title>
<link href="Estilos/departamentosDetalhesEstilo.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>

<body>
    <% List <RegistroEntrada> registro = new ArrayList<RegistroEntrada>(); %>
    <% RegistroEntrada objRegistro = new RegistroEntrada(); %>
    <% objRegistro.setNome("Vazio"); %>
    <% registro.add(objRegistro); %>
    <% session.setAttribute("registro_entrada", registro); %>
    
    <%  List <Departamento> departamentos = (List <Departamento>) session.getAttribute("departamentos"); %>
    
      <div class="conteudo">
            <div class="conteudoLimite">
                <div class="menu">
                    <ul>
                        <li><a href="Departamentos.jsp">Departamentos</a>
                            <ul>
                                <li><a href="Departamentos.jsp">Início</a></li>
                                <li><a href="novoDepartamento.jsp">Novo</a></li>
                                <li><a href="departamentosDetalhesVazio.jsp">Detalhes</a></li>
                            </ul>
                        </li>
                        <li><a href="alunos.jsp">Alunos</a></li>
                    </ul>
                </div>
                <!-- FIM Menu -->
               
                <div class="leftConteudo">
                    <form id="form1" method="post" action="CatracaServlet?chamarControlador=carregar"> 
                        
                        <ol>
                            <ul class="cabecalhoSelectDept">
                                Selecione o Departamento 
                            </ul>
                            <ul class="comboSelectDept">
                                <%if (departamentos.size() != 0) {%>
                                <select name="deptSelect" id="deptSelect">
                                    <% for (int posicao = 0; posicao < departamentos.size(); posicao++) {%>
                                    <option value="<%= departamentos.get(posicao).getId()%>" > 
                                        <%= departamentos.get(posicao).getNome()%></option>
                                    <% }%> </select> <%}%>
                            </ul>
                            <ul class="btVisualizar">
                                <% if (departamentos.size() != 0) {%> 
                                <input type="image" name="enviar_bt" 
                                       src="Estilos/Imagens/bt_visualizar.png" 
                                       id="enviar_bt" value="Submit"/> <% } %>
                            </ul>
                        </ol>
                        </form>

                            <ul class="cabecalhoHistorico">
                                Histórico 
                            </ul>
                            <ul class="cabecalhoStatusHistorico">
                                <table border="0" cellspacing="0" width="280">
                                    <tr height="25" align="center" style="background-color: #6485C2; color: white;">
                                        <td>
                                            Status
                                        </td>
                                        <td>
                                            Data
                                        </td>
                                        <td>
                                            Horário
                                        </td>
                                        
                                    </tr>
                                </table>
                            </ul>
                            
                            <ol class="olHistorico">
                                <ul>
                                  <iframe name="BarraDeRolagem1" id="BarraDeRolagem1" frameborder="0"
                                width="288px" height="160px" src="TabelaHistorico.jsp"
                                scrolling="auto"> </iframe>
                                </ul>
                            </ol>
                        </div>
                
              <div class="rightConteudo">
                  <div id="ConteudoListaFunc">
                      <div id="CabecalhoTBLFuncionarios">
                          <table width="520" border="0" cellspacing="0">
                              <tr style="background-color: #6485C2; color: white;">
                                  <td width="80" align="center">Matricula</td>
                                  <td width="300" align="center">Nome</td>
                                  <td align="center">Histórico</td>
                                  <td align="center">Remover do Deptº</td>
                              </tr>
                          </table>
                      </div>
                      <div id="TBLFuncionarios">
                          <iframe name="BarraDeRolagem1" id="BarraDeRolagem1" frameborder="0"
                                  width="530px" height="275px" src="TabelaFuncionarios_2Vazio.jsp"
                                  scrolling="auto"> </iframe>
                      </div>
                  </div>
              </div>
                            <div class="clr"></div>
            </div>
    </div>
    <br/>
    

</body>
</html>
<%@ include file="rodape.jsp"%>